<div id="details" xmlns="http://www.w3.org/1999/html">
    <!--<div id="goods">-->
        <!--<div id="goods-title">-->
            <!--<span class="publish-time fl">发布于：16点13分</span>-->
            <!--<span class="viewer-number fl">10次</span>-->
            <!--<span class="wanted-number fl">4人想要</span>-->
            <!--<a href="javascript:;" class="report fr">举报</a>-->
        <!--</div>-->
        <!--<div id="goods-pics">-->
            <!--<div id="pic-index">-->
                <!--<a class="magnifier-thumb-wrapper">-->
                    <!--<img id="thumb" src="../../upload/img/goods/21/2.jpg">-->
                <!--</a>-->
            <!--</div>-->
            <!--<span class="left-indicator on">&lt;</span>-->
            <!--<span class="right-indicator on">&gt;</span>-->
            <!--<div id="pic-item">-->
                <!--<ul>-->
                    <!--&lt;!&ndash; <li><img src="http://img01.taobaocdn.com/bao/uploaded/i1/TB1nlLPOXXXXXcwXpXXXXXXXXXX_!!0-item_pic.jpg"></li> &ndash;&gt;-->

                    <!--<li><img-->
                            <!--src="http://res.new.taoertao.com/upload/goods/20185/upload_ca71284cea7bf7c53fbd30274bb9f3d3.jpg?imageView2/1/w/500/h/500/q/100">-->
                    <!--</li>-->

                    <!--<li><img-->
                            <!--src="http://res.new.taoertao.com/upload/goods/20185/upload_a2590667128eeee053f00bcd5bfb6f6c.jpg?imageView2/1/w/500/h/500/q/100">-->
                    <!--</li>-->

                    <!--<li><img-->
                            <!--src="http://res.new.taoertao.com/upload/goods/20185/upload_89a7485b3f6114f165680e31018e2954.jpg?imageView2/1/w/500/h/500/q/100">-->
                    <!--</li>-->

                    <!--<li><img-->
                            <!--src="http://res.new.taoertao.com/upload/goods/20185/upload_7c1a4c4a3aac768eeb64c60ea37ed53a.jpg?imageView2/1/w/500/h/500/q/100">-->
                    <!--</li>-->

                    <!--<li><img-->
                            <!--src="http://res.new.taoertao.com/upload/goods/20185/upload_c64f4dfd08f291a698e746340df5315a.jpg?imageView2/1/w/500/h/500/q/100">-->
                    <!--</li>-->

                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div id="goods-info" class="fr">-->
            <!--<div class="magnifier-preview" id="preview">-->
            <!--</div>-->
            <!--<div class="goods-name">惠普640G1商务本</div>-->
            <!--<div class="info-line">-->
                <!--<span class="param-name">价格</span>-->
                <!--<span class="param-value good-price">￥1433</span>-->
            <!--</div>-->
            <!--<div class="info-line">-->
                <!--<span class="param-name">原价</span>-->
                <!--<span class="param-value good-old-price">￥5600</span>-->

            <!--</div>-->

            <!--<div class="info-line">-->
                <!--<span class="param-name">交易地址</span>-->
                <!--<span class="param-value address">716寝室</span>-->
            <!--</div>-->

            <!--<div class="info-line">-->
                <!--<span class="param-name">卖家</span>-->
                <!--<span class="param-value">高~~~</span>-->
            <!--</div>-->
            <!--<div class="info-line">-->
                <!--<span class="param-name">交易方式</span>-->

                <!--<span class="param-value">在线交易 / 线下交易</span>-->
            <!--</div>-->
            <!--<div class="info-line">-->
                <!--<button class="layui-btn layui-btn-normal contact-btn">联系卖家</button>-->
                <!--<button class="layui-btn layui-btn-normal want-btn" id="want-btn"><i id="wantBtn" class="layui-icon">&#xe600;</i>想要-->
                <!--</button>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="goods-description">-->
            <!--<div class="description-title">-->
                <!--<span>商品描述</span>-->
            <!--</div>-->
            <!--<div class="description-body">-->
                <!--<p>二货</p>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="goods-comment">-->
            <!--<div class="comment-title">-->
                <!--<span>留言</span>-->
                <!--<span id="addComment" class="layui-icon layui-icon-add-1 btn-add-comment"></span>-->
            <!--</div>-->
            <!--<div class="comment-body">-->
                <!--<div class="comment-list">-->
                    <!--<p>消灭零回复</p>-->
                    <!--<div class="comment-item">-->
                        <!--<div class="comment-item-header">-->
                            <!--<img src="../../upload/img/header/header.png" class="layui-nav-img header-img "/>-->
                        <!--</div>-->
                        <!--<div class="cmt-right">-->
                            <!--<div class="cmt-title">-->
                                <!--<span class="cmt-name">楼主</span>-->
                                <!--<span class="cmt-timeCreate">2018-05-04 15:12:15 </span>-->
                                <!--<span class="replay"><a>回复</a></span>-->
                            <!--</div>-->
                            <!--<div class="cmt-content">-->
                                <!--<span class="comment">哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复哈哈哈哈哈消灭零回复</span>-->
                            <!--</div>-->
                        <!--</div>-->

                    <!--</div>-->

                <!--</div>-->

            <!--</div>-->
        <!--</div>-->
    <!--</div>-->


</div>

<script src="../../js/Event.js" charset="UTF-8"></script>
<script src="../../js/Magnifier.js" charset="UTF-8"></script>
<script src="../../js/goods.js" charset="UTF-8"></script>

<!--商品详情模板-->
<script type="text/html" id="goodsDetailsTpl">
    <div id="goods">
        {{# layui.each(d.list,function(index,item){  }}
        <div id="goods-title">
            <span class="publish-time fl">发布于：{{=item.goodsCreate}}</span>
            <span class="viewer-number fl">10次</span>
            <span class="wanted-number fl">4人想要</span>
            <a href="javascript:;" class="report fr">举报</a>
        </div>
        <div id="goods-pics">
            <div id="pic-index">
                <a class="magnifier-thumb-wrapper">
                    <img id="thumb" src="{{item.src}}">
                </a>
            </div>
            <span class="left-indicator on">&lt;</span>
            <span class="right-indicator on">&gt;</span>
            <div id="pic-item">
                <ul>
                    <li><img
                            src="http://res.new.taoertao.com/upload/goods/20185/upload_ca71284cea7bf7c53fbd30274bb9f3d3.jpg?imageView2/1/w/500/h/500/q/100">
                    </li>

                    <li><img
                            src="http://res.new.taoertao.com/upload/goods/20185/upload_a2590667128eeee053f00bcd5bfb6f6c.jpg?imageView2/1/w/500/h/500/q/100">
                    </li>

                    <li><img
                            src="http://res.new.taoertao.com/upload/goods/20185/upload_89a7485b3f6114f165680e31018e2954.jpg?imageView2/1/w/500/h/500/q/100">
                    </li>

                    <li><img
                            src="http://res.new.taoertao.com/upload/goods/20185/upload_7c1a4c4a3aac768eeb64c60ea37ed53a.jpg?imageView2/1/w/500/h/500/q/100">
                    </li>

                    <li><img
                            src="http://res.new.taoertao.com/upload/goods/20185/upload_c64f4dfd08f291a698e746340df5315a.jpg?imageView2/1/w/500/h/500/q/100">
                    </li>

                </ul>
            </div>
        </div>
        <div id="goods-info" class="fr">
            <div class="magnifier-preview" id="preview">
            </div>
            <div class="goods-name-title">{{item.goodsName}}</div>
            <div class="info-line">
                <span class="param-name">价格</span>
                <span class="param-value good-price">￥{{=item.price}}</span>
            </div>
            <div class="info-line">
                <span class="param-name">原价</span>
                <span class="param-value good-old-price">￥{{=item.price}}</span>

            </div>

            <div class="info-line">
                <span class="param-name">交易地址</span>
                <span class="param-value address">{{item.location}}</span>
            </div>

            <div class="info-line">
                <span class="param-name" id="{{item.sellerId}}">卖家</span>
                <span id="sellerName" class="param-value">{{item.sellerName}}</span>
            </div>
            <div class="info-line">
                <span class="param-name">交易方式</span>

                <span class="param-value">在线交易 / 线下交易</span>
            </div>
            <div class="info-line">
                <button id="contactBtn" class="layui-btn layui-btn-normal contact-btn">联系卖家</button>
                <button class="layui-btn layui-btn-normal want-btn" id="want-btn"><i id="wantBtn" class="layui-icon">&#xe600;</i>想要
                </button>
            </div>
        </div>
        <div class="goods-description">
            <div class="description-title">
                <span>商品描述</span>
            </div>
            <div class="description-body">
                <p>{{item.description}}</p>
            </div>
        </div>
        <div class="goods-comment">
            <div class="comment-title">
                <span>留言</span>
                <span id="addComment" class="layui-icon layui-icon-add-1 btn-add-comment"></span>
            </div>
            <div class="comment-body">
                <div id="commentList" class="comment-list">
                </div>

            </div>
        </div>
        {{# });  }}
    </div>

    <!--右侧推荐-->
    <div id="right-side">
        <div class="right-side-header">
            <span>可能感兴趣的商品</span>
        </div>
        <ul>
            <li>
                <a href="#" class="right-item">
                    <img src="../../upload/img/goods/21/1.jpg" class="right-item-pic fl"/>
                    <p class="right-item-desc">商品1描述</p>
                    <p class="right-item-price">价格5￥</p>
                </a>
            </li>
            <li>
                <a href="#" class="right-item">
                    <img src="../../upload/img/goods/21/1.jpg" class="right-item-pic fl"/>
                    <p class="right-item-desc">商品2描述</p>
                    <p class="right-item-price">价格50￥</p>
                </a>
            </li>
        </ul>
    </div>

</script>

<!--添加评论表单弹窗-->
<script type="text/html" id="addCommentForm">
    <form class="layui-form" action="" id="commentForm">
        <div class="layui-form-item">
                <textarea class="layui-input layui-textarea" id="commentContent"/>
        </div>
        <div class="publish-comment">
            <button id="publishCommentBtn" class="layui-btn layui-btn-normal ">发表</button>
        </div>
        <div>
            <span>&nbsp;</span>
        </div>

    </form>
</script>

<!--评论列表模板-->
<script type="text/html" id="commentListTpl">
    {{# layui.each(d.list,function(index,item){  }}
    <div class="comment-item">
        <div class="comment-item-header">
            <img src="{{ item.headerImg }}" class="layui-nav-img header-img "/>
        </div>
        <div class="cmt-right">
            <div class="cmt-title">
                <span class="cmt-name">{{item.nickname}}</span>
                <span class="cmt-timeCreate">{{item.time_create}} </span>
                <span class="replay"><a>回复</a></span>
            </div>
            <div class="cmt-content">
                <span class="comment">{{item.content}}</span>
            </div>
        </div>
    </div>
    {{# });  }}
</script>
